<!doctype html>
<html lang="zh-hans">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.min.css">
    
    <link rel="stylesheet" href="css/style.css">
    <link rel="stylesheet" href="css/main.css">
    
    <script src="lib/jquery-2.1.1.min.js"></script>
    
    
    <title>HfApp</title>
    <!-- xxx -->
    <script language="javascript" type="text/javascript">
    
    $(document).ready(function(){
      $("#work-content").hide();
      $("#work-content2").hide();
      // 过滤条件的显示切换
      $("#work").click(function(){
        $("#work-content").slideDown();
        $("#work-content2").slideUp();
      });
      
     
      // 过滤条件的显示切换
      $("#kh").click(function(){
         $("#work-content2").slideDown();
        $("#work-content").slideUp();
      });
      
      
    });
    
    
    
    
    </script>
 
</head>
<body>
    
   
    
   
    
  
    
    <!-- 顶部导航菜单 -->
    <div class="container">
        <div class="panel panel-default">
          <div class="panel-heading">
              <div class="row">
                  <span class="col-xs-2 "><span><img class="home" src="images/4.png"></span></span>
                  <span class="col-xs-10">欢迎来到微营销系统</span>
              </div>
          </div>
        </div>      
    </div>
    
    
    <!-- 中间导航菜单 -->  
    <div class="container" >
        
        <div class="list-group-item notice">
            您有新的客户,请尽快查阅
            <span class="badge mybadge">6</span>
        </div>
        
        <div class="list-group-item notice">
            您有新的提醒,请尽快查阅
            <span class="badge mybadge2">2</span>
        </div>
        
        
        <div class="list-group-item  content1"><span><img src="images/6.png"></span>个人考勤</div>
        
        <div class="list-group-item list-group-item-info content1" id="kh">客户管理</div>
        <div id="work-content2">
            <div class="list-group-item content1"><span><img src="images/6.png"></span>客户新增</div>
            <div class="list-group-item content1"><span><img src="images/6.png"></span>客户查询</div>
        </div>
        
        <div class="list-group-item list-group-item-info content1" id="work">工作管理</div>
        <div id="work-content">
            <div class="list-group-item content1"><span><img src="images/6.png"></span>工作新增</div>
            <div class="list-group-item content1"><span><img src="images/6.png"></span>工作查询</div>
        </div>           

     </div>   
        

            
    <!-- 客户评价 -->       
    <div class="container">
        <div class="row" id="button">
          <hr>
            <div class="col-xs-4"><p><img src="images/10.png"></p><p>阅</p></div>
            <div class="col-xs-4"><p><img src="images/9.png"></p><p>赞</p></div>
            <div class="col-xs-4"><p><img src="images/8.png"></p><p>炸</p></div>

        </div>
        
    </div>
            
     <!-- 客户评价之前 -->        
     <div class="container">
        <div class="row" id="button">
          <hr>
            <div class="col-xs-4"><p><img src="images/11.png"></p><p>阅</p></div>
            <div class="col-xs-4"><p><img src="images/12.png"></p><p>赞</p></div>
            <div class="col-xs-4"><p><img src="images/13.png"></p><p>炸</p></div>

        </div>
        
    </div>        
            
    <!-- 底部导航 -->       
    <div class="container navbar-fixed-bottom">
        <div class="row" id="button">
          <hr>
            <div class="col-xs-3 "><span class="badge">消息</span></div>
            <div class="col-xs-3 "><span class="badge">工作</span></div>
            <div class="col-xs-3 "><span class="badge">常用</span></div>
            <div class="col-xs-3 "><span class="badge">更多</span></div>
        <hr>

        </div>
        
    </div>
            

 
        
 


</body>
</html>